<script setup lang="ts">
import { RouterView } from 'vue-router'
import HomeHeader from "@/views/home/HomeHeader.vue";
import HomeFooter from "@/views/home/HomeFooter.vue";
import {ref} from "vue";
const activeIndex = ref('1')
const handleSelect = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
</script>

<template>
<div class="my-background">
  <header>
    <HomeHeader/>
  </header>
  <el-scrollbar height="93vh">
    <main>
      <RouterView />
    </main>
  </el-scrollbar>

  <footer>
    <HomeFooter/>
  </footer>
</div>
</template>

<style scoped lang="scss">
.my-background {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, white, rgba(40, 22, 35,0.2));
}
main{
  width: 100%;
  min-height: 800px;
}
</style>
